
.homeBox{
  width: 100%;
  position: relative;
  img{
    width: 100%;
  }
  p{
    font-size: .3rem;
    color: #fff;
    position: absolute;
    left: .6rem;
    top: 4.3rem;
  }
  .search{
    position: absolute;
    left: 6rem;
    top: 4.4rem;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.apartment{
  height: 1.5rem;
  border-bottom: 1px solid #e9e9e9;
  p{
    font-size: .40rem;
    font-weight: 600;
    margin: .3rem ;
  }
  span{
    padding: 0 .2rem;
    color: #666;
    font-size: .30rem;
  }
}
.selectCity{
  width: 90%;
  padding: 5%;
  border-bottom: 1px solid #f3f3f3;
  img{
    width: 45%;
    margin:2.5%;

  }
}
.listBox{
  width: 100%;
  height: 4.5rem;
  border-bottom: 1px solid #f3f3f3;
  p{
    padding: 0 .2rem;
    font-size: .36rem;
    color: #222;
    font-weight: 600;
    margin-top: .3rem;
    margin-bottom: .1rem;
    span{
      margin-right: .1rem;
      float: right;
      font-weight: 400;
      color: #999;

    }
  }
  >span{
    padding: 0 .2rem;
    color: #999;
  }
  ul{
    height: 3rem;
    width: 100%;
    margin-top: .2rem;
    overflow-x: scroll;
    white-space: nowrap;
    li{
      width: 2.5rem;
      height: 3rem;
      display: inline-block;
      margin: 0 .2rem;
      border:1px solid #eee;
      box-sizing: border-box;
      box-shadow: 1px 2px 1px #eee;
      text-align: center;
      img{
        width: 80%;
        height: 1.3rem;
        margin-top: .2rem
      }
      h2{
        font-weight: 600;
        font-size: .3rem;
        color: #666;
        margin: 0.3rem 0 .15rem 0;
      }
      span{
        font-size: .24rem;
        color: #999;
      }
    }
  }
}
.bannerList{
  height: 5.3rem;
  ul{
    height: 4rem;
    li{
      height: 4rem;
      width: 4rem;
      img{
        height: 2rem;
      }
    }
  }
}
.bigbannerList{
  height: 6.5rem;

  ul{
    height: 5.6rem;
    li{
      height: 5rem;
      width: 6rem;
      border:none;
      box-shadow: none;
      img{
        width: 100%;
        height: 4rem;
      }
      h2{
        text-align: left;
      }
      span{
        display: block;
        text-align: left;
      }
    }
  }

}

.custrom{
  height: 7rem;
  >p{
    padding: 0 .2rem;
    font-size: .36rem;
    color: #222;
    font-weight: 600;
    margin-top: .3rem;
    margin-bottom: .2rem;
  }
  >span{
    padding: 0 .1rem;
    color: #999;
    font-size: .28rem;
    border-left: 2px solid #666;
    margin-left: .2rem
  }
  ul{
    height: 10.2rem;
    li{
      width: 90%;
      padding: 5%;
      height: 2.4rem;
      img{
        width: 50%;
        height: 2.4rem;
      }
      div{
        float: right;
        width: 50%;
        position: relative;
        height: 2.4rem;
        p{
          margin-left: .3rem;
          font-size: .36rem;
          font-weight: 600;
          color: #333;
        }
        span{
          position: absolute;
          bottom: 0;
          left: .3rem;
          font-size: .3rem;
        }

      }

    }
  }
}


::-webkit-scrollbar{
    display:none;
}
